/*
    单车圣经－内容试读
*/
.content-test-read {
    .title-icon {
        background-position: 0 -60px;
        margin: 38px 0 0;
    }
    .arrow-line {
        margin: 5px 0;
    }
    .g-hd {
        strong {
            display: block;
            line-height: 30px;
            background: #aee0ff;
            text-align: center;
            font-size: 16px;
        }
    }

    //自行车如何调圈
    .test-read {
        overflow: hidden;
        .switch-hd {
            width: 996px;
            height: 303px;
            margin: 20px 0 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #333;

            &.bg0 {
                background: url("../img/bicycle_bible/bicycle_bible_3.jpg") no-repeat 0 0;
            }

            &.bg1 {
                background: url("../img/bicycle_bible/bicycle_bible_4.jpg") no-repeat 0 0;
            }

            &.bg2 {
                background: url("../img/bicycle_bible/bicycle_bible_5.jpg") no-repeat 0 0;
            }

            &.bg3 {
                background: url("../img/bicycle_bible/bicycle_bible_6.jpg") no-repeat 0 0;
            }

            a {
                float: left;
                width: 307px;
                height: 143px;
                margin: 0 25px 15px 0;
                &.r {
                    float: right;
                }
                &.l {
                    float: left;
                }
            }

        }

        .switch-bd {

            .mod {
                display: none;
                p {
                    font: 14px/26px "Microsoft YaHei";
                    color: #242424;
                    overflow: hidden;

                    i {
                        float: left;
                        width: 25px;
                        height: 25px;
                        margin-right: -100%;
                        margin-top: 5px;
                        border-radius: 25px;
                        background: @mod_color;
                        color: #fff;
                        text-align: center;
                        font: 14px/25px "Microsoft YaHei";
                    }

                    .r {
                        float: left;
                        width: 96%;
                        margin-right: -100%;
                        padding-left: 4%;
                    }
                    strong {
                        font-size: 16px;
                    }

                }

                .line {
                    border-bottom: 1px dashed #333;
                    padding-bottom: 20px;
                    margin-bottom: 10px;
                }

                .tips {
                    float: left;
                    width: 370px;
                    padding: 20px 25px;
                    background: #f0f0f0;
                }

                h3 {
                    font: 600 18px/40px "Microsoft YaHei";
                }

                dl {
                    overflow: hidden;
                    .mod-l {
                        width:55%;
                        .r {

                            width: 94%;
                            padding-left: 6%;
                        }
                    }
                    .mod-r {
                        width: 44%;
                    }
                }
            }

            .mod4 {
                dl {
                    overflow: hidden;
                    .mod-l {
                        width:60%;
                    }
                    .mod-r {
                        width: 37%;
                    }
                }
            }
        }
    }
}

.bible {
    .footer {
        background: @mod_color;
    }
}